<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--必要样式-->
    <link rel="stylesheet" href="css/pickout.css">
    <script src="js/pickout.js"></script>
    <title>Title</title>
</head>
<body>
    <select name="city" id="city" class="city pickout" placeholder="选择一个城市">
    <option data-icon="&spades;" value="bj">北京</option>
    <option data-icon="&clubs;" value="sh">上海</option>
    <option data-icon="&hearts;" value="gz">广州</option>
    <option selected data-icon="&diams;" value="sz">深圳</option>
    <option data-icon="&#9786;" value="xg">香港</option>
    <option data-icon="&#9792;" value="sjz">石家庄</option>
    <option data-icon="&#9794;" value="cd">成都</option>
</select>
    <script>
        // Preparar o select
        //pickout.to('.pickout');
        pickout.to({
            el:'.city',
            theme: 'dark',
            search: true
        });
        // Caso o valor já venha do servidor, já atribui a sele??o automaticamente
        pickout.updated('.city');

    </script>
</body>
</html>